<template>
	<div class="vip">
		<div class="info">
			<p class="title1">精选</p>
			<p class="title2">福利社</p>
			<img src="img/search.png"/>
		</div>
		<Top></Top>
		<Nav></Nav>
		<div class="timelimit">
			<h5>限时抢好物</h5>
			<p>更多福利敬请期待~</p>
		</div>
		<BottomBar></BottomBar>
	</div>
</template>

<script>
	import Top from "com/vip/top.vue"
	import Nav from "com/vip/nav.vue"
	import BottomBar from "com/bottomBar.vue"
	export default {
		components: {
			Top,
			Nav,
			BottomBar
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.vip{
		.info{
			width: 100%;
			height: 0.6rem;
			background-color: #333344;
			line-height: 0.6rem;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 5;
			p{
				float: left;
				font-size: 0.25rem;
			}
			.title1{
				margin-left: 0.17rem;
				color:#ffffff;
			}
			.title2{
				margin-left: 0.28rem;
				color: #d7ab57;
			}
			img{
				float: right;
				margin-top: 0.15rem;
				margin-right: 0.16rem;
			}
		}
		.timelimit{
			padding:0.2rem 0.15rem 0.6rem;
			overflow: hidden;
			h5{
				font-size: 0.17rem;
				
			}
			p{
				font-size: 0.14rem;
				color:#c2c2c2;
				text-align: center;
				margin-top: 0.4rem;
			}
		}
	}
</style>